約 3,869,494 件
https://w.atwiki.jp/bouoristo/pages/96.html
peace・paint 28話 3章 作者 黒月 概要 3つ目のフェイエリーを求めて peace・paintが向かったのは、 「トゥール帝国」であった、が グードの様子がおかしい。 気になったドラップが本人に聞いてみると、 とんでもない答えが返ってきて… サンプル ダウンロード メモ版(3DS専用) ※PCからダウンロードすることをお勧めします。 ※Googleドライブが開くので、そこからダウンロードしてください メモ版(3DS専用)をダウンロードした場合 zipファイルを解凍します。 解凍したフォルダを、3DSのSDカード内にある「private」→「Nintendo 3DS」→「app」→「JKZJ」へコピーします。 3DSにて「うごくメモ帳3D」を開くと、フォルダ一覧に先ほどDLしたフォルダが表示され、中にあるメモが見れるようになります。 GIF版(PC専用)をダウンロードした場合 zipファイルを、任意のフォルダに解凍します。 解凍したフォルダ内に、GIFファイルがあります。 コメント 名前 コメント
https://w.atwiki.jp/huroria/pages/45.html
誰も得しないウディタ講座へようこそ このページでやることは最終的に顧問イベントを作ることを目的としています なのでアンマリショホテキナシツモンハオヤメクダサイ! (変数って何? など) 第1回 ピクチャについて 第2回 ピクチャについて2 (執筆中) 知っとくと便利な豆知識 執筆者募集中 名前 コメント
https://w.atwiki.jp/bouoristo/pages/100.html
peace・paint 32話 3章 作者 黒月 概要 3つ目のフェイエリーを求めて peace・paintが向かったのは、 「トゥール帝国」であった、が グードの様子がおかしい。 気になったドラップが本人に聞いてみると、 とんでもない答えが返ってきて… サンプル ダウンロード メモ版(3DS専用) ※PCからダウンロードすることをお勧めします。 ※Googleドライブが開くので、そこからダウンロードしてください メモ版(3DS専用)をダウンロードした場合 zipファイルを解凍します。 解凍したフォルダを、3DSのSDカード内にある「private」→「Nintendo 3DS」→「app」→「JKZJ」へコピーします。 3DSにて「うごくメモ帳3D」を開くと、フォルダ一覧に先ほどDLしたフォルダが表示され、中にあるメモが見れるようになります。 GIF版(PC専用)をダウンロードした場合 zipファイルを、任意のフォルダに解凍します。 解凍したフォルダ内に、GIFファイルがあります。 コメント 名前 コメント
https://w.atwiki.jp/stuffy/pages/67.html
新規キャラクターの提案に使う場 アライメント 名前 スペック 作成者 () [[]]
https://w.atwiki.jp/tokyoael/pages/16.html
エクストラレッスン紹介講座 エクストラレッスン研究会「たづくり」東京 主催 2012年 10月13日 10:00〜12:00 a.m. 会場 スペース涼風(総武線水道橋駅下車3分) 申込 下記のフォームより 今回の紹介講座は、エクストラレッスン™プラクティショナー養成コースで学びを深めた当研究会のスタッフが、この手法のもつ可能性をお伝えします。 また、引き続き各地での紹介講座を予定しております。 開催のご希望がある方は、申し込み先までご連絡下さい。 講 師 伊藤昌江(療育学校ほおずき代表・ほおずきメソッド主宰) 伊藤雅子(シュタイナー土曜クラス・小学生クラス・幼児クラス・親子クラス担任) 末松晴美(音楽教師・ブレインジムインストラクター・バイオグラフィーワーカー) 村上典子(絵画教師・看護師/アントロポゾフィー看護を学ぶ看護職の会) 名前 メールアドレス 内容
https://w.atwiki.jp/yoshitoimai/pages/4.html
0.環境確認 このサンプルは「色の入力欄」、「レンジ入力欄」を使用しています。 ご利用の環境では動作しない場合がありますので以下のページより確認してください。 http //html5test.com 以下のとおり「input type=range」、「input type=color」ともに「Yes」であればOK。 1.index.htmlを準備する。 1−1.canvasとlog出力領域を実装する。 !DOCTYPE html html head meta charset="utf-8" / meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" title TouchPaint /title /head body canvas id="canvas" This browser is not supported /canvas p id="log" /p script /script /body /html 2.canvasにイベントを登録し動作を確認する。 2−1.定義 var canvas = document.getElementById("canvas"); var log = document.getElementById ("log"); 2−2.canvasのサイズを指定する canvas.width = document.width; canvas.height = document.height - 200; 2−3.イベントを登録する。 canvas.addEventListener("touchstart", touchStartHandler, false); canvas.addEventListener("touchmove", touchMoveHandler, false); canvas.addEventListener("touchend", touchEndHandler, false); function touchStartHandler(e) { log.innerHTML += " p Touch Event touchstart /p "; } function touchMoveHandler(e) { log.innerHTML += " p Touch Event touchmove /p "; } function touchEndHandler(e) { log.innerHTML += " p Touch Event touchend /p "; } 2−3.実行結果 3.canvasにマークしてみる 3−1.定義 var context = canvas.getContext("2d"); var touches; 3−2.touchMoveHandlerを書き換える function touchMoveHandler(e) { touches = e.touches.item(0); context.fillRect(touches.pageX - this.offsetLeft, touches.pageY - this.offsetTop, 5, 5); } 3−3.実行結果 4.点を線で結んでみる 4−1.定義 var drawPath = new Array; var isMoved = false; 4−2.touchStartHandlerを書き換える function touchStartHandler(e) { touches = e.changedTouches; drawPath.push(touches[0]); } 4−3.touchMoveHandlerを書き換える function touchMoveHandler(e) { touches = e.changedTouches; context.beginPath(); context.moveTo(drawPath[0].pageX - this.offsetLeft, drawPath[0].pageY - this.offsetTop); context.lineTo(touches[0].pageX - this.offsetLeft, touches[0].pageY - this.offsetTop); context.closePath(); context.stroke(); drawPath.splice(0, 1, touches[0]); e.preventDefault(); } 4−4.touchEndHandlerを書き換える function touchEndHandler(e) { if (!isMoved) { context.beginPath(); context.closePath(); context.fill(); } isMoved=false; drawPath.length = 0; } 4−5.実行結果 5.線の色や太さを変えてみる 5−1.タグを追加 div class="desc" label Color input type="color" class="strokeColor" id="strokeColor" /label label Line width input type="range" min="5" max="20" step="5" value="5" class="strokeWidth" id="strokeWidth" /label /div button class="clearBtn" id="clearBtn" Clear! /button 5−2.定義 var strokeColor; var strokeWidth = 5; var strokeColorSel = document.getElementById("strokeColor"); var strokeWidthSel = document.getElementById("strokeWidth"); var clearBtn = document.getElementById("clearBtn"); 5−3.イベント登録 strokeColorSel.addEventListener("change", changeStrokeColor, false); strokeWidthSel.addEventListener("change", changeStrokeWidth, false); clearBtn.addEventListener("click", clearCanvas, false); function changeStrokeColor() { strokeColor = this.value; } function changeStrokeWidth() { strokeWidth = this.value; } function clearCanvas() { context.clearRect (0, 0, canvas.width, canvas.height); } 5−4.functionを追加 function drawPathSetting(idx) { for (var i = 0; i drawPath.length; i++) { var _idx = drawPath[i].identifier; if (_idx === idx) { return i; } } return -1; } 5−5.touchMoveHandlerを書き換える function touchMoveHandler(e) { touches = e.changedTouches; context.lineWidth = strokeWidth; context.strokeStyle = strokeColor; context.lineJoin = "round"; for (var i = 0; i touches.length; i++) { var idx = drawPathSetting(touches[i].identifier); context.beginPath(); context.moveTo(drawPath[idx].pageX - this.offsetLeft, drawPath[idx].pageY - this.offsetTop); context.lineTo(touches[i].pageX - this.offsetLeft, touches[i].pageY - this.offsetTop); context.closePath(); context.stroke(); drawPath.splice(idx, 1, touches[i]) } e.preventDefault(); } 5−6.touchEndHandlerを書き換える function touchEndHandler(e) { if (!isMoved) { var startPoint = (Math.PI/180)*0; var endPoint = (Math.PI/180)*360; context.fillStyle = strokeColor; context.beginPath(); context.arc(touches[0].pageX - this.offsetLeft, touches[0].pageY - this.offsetTop, strokeWidth/2, startPoint, endPoint, true); context.closePath(); context.fill(); } isMoved=false; drawPath.length = 0; } 5−7.実行結果 6.スタイルシートで見栄えを整えてみる。 6−1.スタイルシートを準備する。 style.css * { margin 0;padding 0; } html, body { width 100%;height 100%;background #ddd; } h2 { padding 10px 15px;color #6587ac; } .canvas { width 100%;background #fff;} .desc { display table;width 100%;padding 5px 10px;text-align right; } .desc label { display table-cell;width 50%;white-space nowrap; } .desc label first-child { text-align left; } .strokeWidth { width 85px; } button { float right;margin-right 15px; } input, button { vertical-align middle; } @media screen and (max-device-height 800px) { .addHeight {height 360px;} } @media screen and (min-device-height 801px) { .addHeight {height 480px;} } 6−2.htmlのヘッダー部に追加する index.html link rel="stylesheet" type="text/css" href="css/style.css"/ 6−3.実行結果 7.完成 index.html !DOCTYPE html html head meta charset="utf-8" / meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" title TouchPaint /title link rel="stylesheet" type="text/css" href="css/style.css"/ /head body canvas id="canvas" This browser is not supported /canvas div class="desc" label Color input type="color" class="strokeColor" id="strokeColor" /label label Line width input type="range" min="5" max="20" step="5" value="5" class="strokeWidth" id="strokeWidth" /label /div button class="clearBtn" id="clearBtn" Clear! /button script var canvas = document.getElementById("canvas"); var log = document.getElementById ("log"); var context = canvas.getContext("2d"); var strokeColor; var strokeWidth = 5; var strokeColorSel = document.getElementById("strokeColor"); var strokeWidthSel = document.getElementById("strokeWidth"); var clearBtn = document.getElementById("clearBtn"); canvas.width = document.width; canvas.height = document.height - 200; canvas.addEventListener("touchstart", touchStartHandler, false); canvas.addEventListener("touchmove", touchMoveHandler, false); canvas.addEventListener("touchend", touchEndHandler, false); strokeColorSel.addEventListener("change", changeStrokeColor, false); strokeWidthSel.addEventListener("change", changeStrokeWidth, false); clearBtn.addEventListener("click", clearCanvas, false); var drawPath = new Array; var isMoved = false; function touchStartHandler(e) { touches = e.changedTouches; drawPath.push(touches[0]); } var touches; function touchMoveHandler(e) { touches = e.changedTouches; context.lineWidth = strokeWidth; context.strokeStyle = strokeColor; context.lineJoin = "round"; for (var i = 0; i touches.length; i++) { var idx = drawPathSetting(touches[i].identifier); context.beginPath(); context.moveTo(drawPath[idx].pageX - this.offsetLeft, drawPath[idx].pageY - this.offsetTop); context.lineTo(touches[i].pageX - this.offsetLeft, touches[i].pageY - this.offsetTop); context.closePath(); context.stroke(); drawPath.splice(idx, 1, touches[i]) } e.preventDefault(); } function touchEndHandler(e) { if (!isMoved) { var startPoint = (Math.PI/180)*0; var endPoint = (Math.PI/180)*360; context.fillStyle = strokeColor; context.beginPath(); context.arc(touches[0].pageX - this.offsetLeft, touches[0].pageY - this.offsetTop, strokeWidth/2, startPoint, endPoint, true); context.closePath(); context.fill(); } isMoved=false; drawPath.length = 0; } function changeStrokeColor() { strokeColor = this.value; } function changeStrokeWidth() { strokeWidth = this.value; } function clearCanvas() { context.clearRect (0, 0, canvas.width, canvas.height); } function drawPathSetting(idx) { for (var i = 0; i drawPath.length; i++) { var _idx = drawPath[i].identifier; if (_idx === idx) { return i; } } return -1; } /script /body /html style.css * { margin 0;padding 0; } html, body { width 100%;height 100%;background #ddd; } h2 { padding 10px 15px;color #6587ac; } .canvas { width 100%;background #fff;} .desc { display table;width 100%;padding 5px 10px;text-align right; } .desc label { display table-cell;width 50%;white-space nowrap; } .desc label first-child { text-align left; } .strokeWidth { width 85px; } button { float right;margin-right 15px; } input, button { vertical-align middle; } @media screen and (max-device-height 800px) { .addHeight {height 360px;} } @media screen and (min-device-height 801px) { .addHeight {height 480px;} }
https://w.atwiki.jp/saintwrow3car/pages/163.html
Saints VTOL 概要 車体:Saints専用VTOL機(垂直離着陸機) 会社: 武装 レーザー、3~5連ミサイル 実機:Su-47 Berkut(デザイン) F/A-22 Raptor(同上) AV-8B ハリアーⅡ(飛行技術はこれを発展させたと考えられる) F-35B(同上) 解説 よりセインツを愛し、よりセインツを感じながら戦いたいプレイヤー向け。 DLC『スペシャルビークルパック』を導入することでガレージに追加される車両。 F-69 VTOLのセインツ仕様で、機体にはセインツのトレードマークであるフルール・ド・リスが多く描かれている。 ベースのF-69 VTOLとの違いは完全にこの外観のみで、他に違いはない。武装等の仕様も同様。詳しくはF-69 VTOLを参照。 この機体を使うメリットは序盤からVTOLをふんだんに使用出来、他のギャングを蹴散らせることくらいだろう。 画像 Saints VTOL
https://w.atwiki.jp/bouoristo/pages/98.html
peace・paint 30話 3章 作者 黒月 概要 3つ目のフェイエリーを求めて peace・paintが向かったのは、 「トゥール帝国」であった、が グードの様子がおかしい。 気になったドラップが本人に聞いてみると、 とんでもない答えが返ってきて… サンプル ダウンロード メモ版(3DS専用) ※PCからダウンロードすることをお勧めします。 ※Googleドライブが開くので、そこからダウンロードしてください メモ版(3DS専用)をダウンロードした場合 zipファイルを解凍します。 解凍したフォルダを、3DSのSDカード内にある「private」→「Nintendo 3DS」→「app」→「JKZJ」へコピーします。 3DSにて「うごくメモ帳3D」を開くと、フォルダ一覧に先ほどDLしたフォルダが表示され、中にあるメモが見れるようになります。 GIF版(PC専用)をダウンロードした場合 zipファイルを、任意のフォルダに解凍します。 解凍したフォルダ内に、GIFファイルがあります。 コメント 名前 コメント
https://w.atwiki.jp/bouoristo/pages/84.html
peace・paint 16話 1章 作者 黒月 概要 「peace・paint」に入ったドラップは、 「フェイエリー」という宝石を求め、 仲間と共に最初の街へ向かう。 そこで待ち構えていたのは、フェイト・ルーインの班長 「ディアー」と「サピアー」だった… サンプル ダウンロード メモ版(3DS専用) ※PCからダウンロードすることをお勧めします。 ※Googleドライブが開くので、そこからダウンロードしてください メモ版(3DS専用)をダウンロードした場合 zipファイルを解凍します。 解凍したフォルダを、3DSのSDカード内にある「private」→「Nintendo 3DS」→「app」→「JKZJ」へコピーします。 3DSにて「うごくメモ帳3D」を開くと、フォルダ一覧に先ほどDLしたフォルダが表示され、中にあるメモが見れるようになります。 GIF版(PC専用)をダウンロードした場合 zipファイルを、任意のフォルダに解凍します。 解凍したフォルダ内に、GIFファイルがあります。 コメント 名前 コメント
https://w.atwiki.jp/bouoristo/pages/82.html
peace・paint 14話 1章 作者 黒月 概要 「peace・paint」に入ったドラップは、 「フェイエリー」という宝石を求め、 仲間と共に最初の街へ向かう。 そこで待ち構えていたのは、フェイト・ルーインの班長 「ディアー」と「サピアー」だった… サンプル ダウンロード メモ版(3DS専用) ※PCからダウンロードすることをお勧めします。 ※Googleドライブが開くので、そこからダウンロードしてください メモ版(3DS専用)をダウンロードした場合 zipファイルを解凍します。 解凍したフォルダを、3DSのSDカード内にある「private」→「Nintendo 3DS」→「app」→「JKZJ」へコピーします。 3DSにて「うごくメモ帳3D」を開くと、フォルダ一覧に先ほどDLしたフォルダが表示され、中にあるメモが見れるようになります。 GIF版(PC専用)をダウンロードした場合 zipファイルを、任意のフォルダに解凍します。 解凍したフォルダ内に、GIFファイルがあります。 コメント 名前 コメント